<template>  
  <q-layout-drawer v-model="drawer.open" :width="250">    
    <q-toolbar color="primary" class="row flex-center">
      <img alt="Paprika" src="statics/logo/banner1-150X40.png">
    </q-toolbar>

    <q-list no-border>
      <q-item to="/douyinmcn/accounts">
        <q-item-side icon="mdi-music-circle" color="primary" />
        <q-item-main label="抖音" />
      </q-item>

      <template v-if="account">
        <q-item-separator />
        <q-list-header>其他功能</q-list-header>
        <q-item to="/setting">
          <q-item-side icon="mdi-settings" color="primary" />
          <q-item-main>
            <q-item-tile label><b class="text-primary">{{account.name}}</b>的设置</q-item-tile>
          </q-item-main>
        </q-item>
        <q-item to="/login">
          <q-item-side icon="mdi-logout" color="primary" />
          <q-item-main label="退出登录" />
        </q-item>
      </template>
    </q-list>
  </q-layout-drawer>
</template>

<script>

export default {
  name: 'MySide',
  data() {
    return {
      account: this.$api.account.localAccount(),
      drawer: this.$api.ui.drawer,
      isWx: this.$api.wx.isWx()
    }
  },
  methods: {
    gotoVerify() {
      //alert("OK");
      this.$api.wx.verifyTicket();
    }
  }
}
</script>
